<template name="skeleton">
  <view class="sk-container">
    <view class="test-tit">
      <text class="sk-transparent sk-text-14-2857-261 sk-text">测评进度</text>
      <progress active-color="#EFEFEF" border-radius="30" class="progress" percent="11.11111111111111" stroke-width="10" background-color="#EFEFEF"></progress>
      <text class="sk-transparent sk-text-14-2857-772 sk-text">1/9</text>
    </view>
    <view class="test-problem structure sk-transparent sk-text-14-2857-631 sk-text">近期是否出现做事时提不起劲或者没有兴趣的情况？</view>
    <view class="test-choices structure">
      <view class="choices-type">
        <text class="line"></text>
        <text class="sk-transparent sk-text-14-2857-49 sk-text">单选题</text>
      </view>
      <view class="choices">
        <view class="choices-item sk-transparent sk-text-14-2857-533 sk-text" hover-class="hover-style" hover-stay-time="300">完全不会</view>
        <view class="choices-item sk-transparent sk-text-14-2857-914 sk-text" hover-class="hover-style" hover-stay-time="300">有几天</view>
        <view class="choices-item sk-transparent sk-text-14-2857-133 sk-text" hover-class="hover-style" hover-stay-time="300">一半以上的日子</view>
        <view class="choices-item sk-transparent sk-text-14-2857-440 sk-text" hover-class="hover-style" hover-stay-time="300">几乎每天</view>
      </view>
    </view>
  </view>
</template>

<script>
</script>

<style>
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-261 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-772 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-631 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-49 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-533 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-914 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-133 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-440 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }
</style>